<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no" />
    <title>{$site_seo_title}{$site_name}</title>
    <meta name="keywords" content="{$site_seo_keywords}" />
    <meta name="description" content="{$site_seo_description}" />
    {include file="public:head" /}
</head>

<link rel="stylesheet" type="text/css" href="{$yf_theme_path}public/css/idangerous.swiper.css" />
<script type="text/javascript" charset="utf-8" src="{$yf_theme_path}public/js/idangerous.swiper-2.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
      //初始化幻灯片插件
	  var mySwiper = new Swiper('.swiper-container',{
		calculateHeight:true,
		resizeReInit:true,
		pagination:".pagination",
		autoplay:5000,
		paginationClickable:true
	  });
	});
</script>

<style>
 .swiper-container {width: 100%;background:white;}
 .swiper-slide {text-align: center;background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
  .swiper-slide{ float:left; width:33.3%; text-align:center; overflow:hidden; background:white; padding:4px 0;}
  .swiper-slide a{ display:block;}
  .swiper-slide a img{ width:65px; height:65px; }
  .swiper-slide a p{ padding-top:3px;}
</style>

<body>

<div class="search">
    <div class="logo">
       <a href="/"><img src="{$yf_theme_path}public/images/logo.png" style="height:30px;"/></a>
    </div>
    <form action="/search.html" style="overflow:hidden;" >
        <input name="keyword" id="keyword" placeholder="请输入查询内容" style="height:32px; border:0px;" />
        <button style="height:32px;">
             <i class="fa fa-search" onclick="SiteSearch('/search.html', '#keyword');"></i>
        </button>
    </form>
    <div class="login">
       <a href="{:url('home/Center/index')}">
          <i class="fa fa-user mr5"></i>
       </a>
   </div>
</div>

<!--  滚动广告部分 -->
{yf:ads name="home_slides" cid="$home_adtype_id" /} 
{notempty name = "home_slides"}  
<div id="slider1" class="swiper-container" style="min-height:100px"  >
        <div class="swiper-wrapper">
           {foreach name="home_slides" item="vo"}
           <a class="swiper-slide" href="{$vo.plug_ad_url|default='#'}" title="{$vo.plug_ad_name}"><img src="{$vo.plug_ad_pic|get_imgurl}"/></a> 
           {/foreach}
        </div>
        <div class="pagination">
           {foreach name="home_slides" item="vo"}
            <span class="swiper-pagination-switch"></span>
           {/foreach}
       </div>
</div>
{/notempty}  

 


<div class="clear"></div>
<div class="swiper-container " style="min-height:200px"  >
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>5])}"><img src="{$yf_theme_path}public/images/list1.png"/><p>美容化妆</p></div>
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>3])}"><img src="{$yf_theme_path}public/images/list2.png"/><p>营养食品</p></a></div>
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>4])}"><img src="{$yf_theme_path}public/images/list3.png"/><p>养生产品</p></a></div>
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>2])}"><img src="{$yf_theme_path}public/images/list4.png"/><p>保健食品</p></a></div>
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>6])}"><img src="{$yf_theme_path}public/images/list5.png"/><p>个人护理</p></a></div>
        <div class="swiper-slide"><a href="{:url('home/shop/index',['cid'=>7])}"><img src="{$yf_theme_path}public/images/list6.png"/><p>健康生活</p></a></div>
    </div>  
</div>

 

<div class="clearfix dashitoutiao">
	<div class="toutiao_left">
    	<p>最新资讯</p>
    </div>
    <div class="toutiao_right">
    	<ul>
             {yf:news name="last_post" cid="$portal_last_post" field="news_title,news_time,news_source,news_scontent,n_id,news_img" limit="5" order="news_time desc" /}
        	 {foreach name="last_post" item="vo"}
                <li><a href="{:url('home/News/index',array('id'=>$vo['n_id']))}"><i class="fa fa-circle-o"></i>{$vo.news_source|default="网友"}：{$vo.news_title|msubstr=0,12}</a></li>
             {/foreach}
             </ul>
    </div>
</div>

 
<div class="hot_pro container-fluid clearfix" style="margin-top:10px;">
    <ul>
    	<li><a href="javascript:;"><img src="{$yf_theme_path}public/images/pro1.jpg"/><p class="protit">别让互联网与你擦肩而过</p></a></li>
        <li><a href="javascript:;"><img src="{$yf_theme_path}public/images/pro2.jpg"/><p class="protit">互联网生意成功秘诀</p></a></li>
        <li><a href="javascript:;"><img src="{$yf_theme_path}public/images/pro3.jpg"/><p class="protit">寻找属于您互联网的金钥匙</p></a></li>
    </ul>
</div>
 

 

<div class="clear"></div>
<div class=" container-fluid clearfix mt10 bg_lgrey" >
	<h4 class="text-center color_blue">热门产品</h4>
    <p class="text-center">
      全场免邮、零成本、零风险
     <br>官方正品、扫码可查、假一赔十</p>
    <ul class="goods">
      {foreach name="goods_list" item="gd"}
    	<li>
            <a href="{:url('shop/show',['id'=>$gd['id']])}">
               <img src="{$gd.thumb}"/>
               <p class="protit">{$gd.goods_title}</p>
        	   <p class="p1">
                  <strong>{$gd.true_price}元</strong>
                  <span>去看看</span>
               </p>
            </a>
        </li>
      {/foreach}  
    </ul>
</div>







 
      
   
   
{include file="public:footer"/}
 
</div>
{include file="public:scripts"/}
 
</body>
</html>